<!-- about路由组件 -->
<template>
  <div id="about" v-if="show">
    <main class="page">
      <section class="clean-block about-us">
        <div class="container">
          <div class="block-heading">
            <h2 class="text-info">关于旅游</h2>
            <p>
              旅游可以带给人多种体验，例如美食、摄影、登山、潜水等，满足不同人群的需求。
            </p>
          </div>
          <div class="row justify-content-center">
            <div class="col-sm-6 col-lg-4">
              <div class="card text-center clean-card">
                <img
                  class="card-img-top w-100 d-block"
                  src="../assets/img/avatars/avatar1.jpg"
                />
                <div class="card-body info">
                  <h4 class="card-title">旅游</h4>
                  <p class="card-text">
                    旅游不仅是观赏风景，更是一种获取知识和拓展见识的途径。
                  </p>
                  <div class="icons">
                    <a href="#"><i class="icon-social-facebook"></i></a
                    ><a href="#"><i class="icon-social-instagram"></i></a
                    ><a href="#"><i class="icon-social-twitter"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-lg-4">
              <div class="card text-center clean-card">
                <img
                  class="card-img-top w-100 d-block"
                  src="../assets/img/avatars/avatar2.jpg"
                />
                <div class="card-body info">
                  <h4 class="card-title">旅游</h4>
                  <p class="card-text">
                    旅游不仅是观赏风景，更是一种获取知识和拓展见识的途径。
                  </p>
                  <div class="icons">
                    <a href="#"><i class="icon-social-facebook"></i></a
                    ><a href="#"><i class="icon-social-instagram"></i></a
                    ><a href="#"><i class="icon-social-twitter"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-lg-4">
              <div class="card text-center clean-card">
                <img
                  class="card-img-top w-100 d-block"
                  src="../assets/img/avatars/avatar3.jpg"
                />
                <div class="card-body info">
                  <h4 class="card-title">途游</h4>
                  <p class="card-text">
                    旅游不仅是观赏风景，更是一种获取知识和拓展见识的途径。
                  </p>
                  <div class="icons">
                    <a href="#"><i class="icon-social-facebook"></i></a
                    ><a href="#"><i class="icon-social-instagram"></i></a
                    ><a href="#"><i class="icon-social-twitter"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
  </div>
</template>
      
      <script>
export default {
  name: "About",
  data() {
    return {
      show: false,
    };
  },
  mounted() {
    setTimeout(() => {
      this.show = true;
    }, 1000);
  },
};
</script>
      